<template>
    <div>
        <fou-dialog :title="'是否刪除下列數據'" v-model:dialogValue="dialog" :width="'50%'" >
            <template #content>
                     <ProTable
                :data="tableData"
                :page="{}"
                :column="{
                    content:'操作內容'
                }"
                :rowControl="[]"
                :elProps="{
                    border:true,//边框
                }"
                :disabled="[]"
                :controlWidth="{}"
                >
                <!-- <template #default="{ row, propname }"> -->
                    <!-- <div  v-if="propname === 'school' || propname === 'cate' ">
                          {{row[propname] && row[propname].name ? row[propname].name : row[propname]}}
                    </div> -->
                <!-- </template> -->
                </ProTable>
            </template>
            <template #footer>
                    <div>
                    <el-button @click="dialog = false">取消</el-button>
                    <el-button
                        type="primary"
                        @click="confirm"
                        color="#081F42"
                        >確定</el-button
                    >
                    </div>
            </template>

        </fou-dialog>
    </div>
</template>

<script setup>
import {ref,reactive} from 'vue'
import {timeLogDel} from '@/http/index.js'
const dialog = ref(false)
const tableData = ref([])
const init = (e)=>{
    tableData.value = e
    dialog.value =  true
}
const emit = defineEmits(['deltable'])
const confirm = ()=>{
    let dels = tableData.value.map(v => v.id);
    emit('deltable',dels)
    dialog.value =  false
}
defineExpose({
    init
})
</script>

<style scoped lang='less'>

</style>